<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>{% block title %}Taboo{% endblock %}</title>
    <link href="http://static.alwaysdata.com/v3/images/favicon.ico" rel="shortcut icon" />
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
    <link href="http://static.alwaysdata.com/v3/css/common.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="http://static.alwaysdata.com/v3/css/new.css" rel="stylesheet" type="text/css" media="screen" />
    <!--[if !IE 7]>
        <style type="text/css">
            #global {display:table;height:100%}
        </style>
    <![endif]-->
</head>

<body>

    <div id="centralblock" class="shadowed radius">

        {% block login %}
        {% if username %}
        <a href="/accounts/logout?next=/">Log out</a> <b>{{ username }}</b>
        {% else %}
        <a href="/accounts/login?next=/">Log in</a> or <a href="/accounts/register">Register</a> 
        {% endif %}
        {% endblock %}

        <div>
            <h1><a href="/">Taboo: the tabulature archive</a></h1>
        </div>

        {% block search %}
        <form action="/search" method="get">
            <input type="text" name="q" />
            <input type="submit" value="Search" />
        </form>
        {% endblock %}

        {% block content %}{% endblock %}
    </div>
 
</body>

</html>
